@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
      
     
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Features 1</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
    
       <!-- Content 02
        ====================================================== -->
        <section>
            <div class="container">
                    <div class="row">
                        <div class="col-md-12">

							   <div class="row">
								
									<div class="custom-feature">
										<div class="col-sm-6">
											<div class="li">
												<h3 class="title"><span class="icon-side"><i class="fa fa-binoculars"></i></span>Creative WordPress Theme</h3>
												<div class="desc desc-singlerow">
													<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
												</div>
											</div>
											<div class="li">
												<h3 class="title"><span class="icon-side"><i class="fa fa-adjust"></i></span>Premium Templates</h3>
												<div class="desc desc-singlerow">
													<p>DThe first approach uses Bootstraps own offset classes so it requires no change in markup and no extra CSS. The key is to set an offset equal to half of the remaining size of the row. So for example, a column of size 2 would be centered by adding an offset of 5.</p>
												</div>
											</div>
											<div class="li">
												<h3 class="title"><span class="icon-side"><i class="fa fa-flask"></i></span>Search Engine Optimization</h3>
												<div class="desc desc-singlerow">
													<p>Aenean congue molestie sapien, nec convallis lectus interdum ut. Vestibulum facilisis, sem eu lobortis pulvinar, dui dui ornare erat, nec porta nunc quam a metus. Fusce eget consequat purus. Sed magna odio, rhoncus eget diam fermentum, mattis porttitor dolor. </p>
												</div>
											</div>
										</div>
										<div class="col-sm-6">
											<div class="li">
												<h3 class="title"><span class="icon-side"><i class="fa fa-anchor"></i></span>Interactive Creative</h3>
												<div class="desc desc-singlerow">
													<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
												</div>
											</div>
											<div class="li">
												<h3 class="title"><span class="icon-side"><i class="fa fa-cube"></i></span>Multiple layouts</h3>
												<div class="desc desc-singlerow">
													<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
												</div>
											</div>
											<div class="li">
												<h3 class="title"><span class="icon-side"><i class="fa fa-paper-plane-o"></i></span>Freebies</h3>
												<div class="desc desc-singlerow">
													<p>Nam et vestibulum odio. Aliquam auctor ac velit sit amet pretium. Maecenas pulvinar egestas rutrum. Nam et elit faucibus nunc euismod fringilla eu iaculis mi. </p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.custom-feature -->
								</div>
								<!-- .row end -->  	
                                                                                    
                      
                      
                       
                        </div>
                        <!-- .col-md-12 end -->
                    </div>
                    <!-- .row end -->
                    
             
            </div>
            <!-- .container end -->
            
            
            
 
        </section>
        
         
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Features 2</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
    
       <!-- Content 02
        ====================================================== -->
        <section>
            <div class="container">
                    <div class="row">
                        <div class="col-md-12">

                      
							   <div class="row">

									<div class="custom-feature t-c">
										<div class="col-sm-4">
											<div class="li">
												<p class="icon"><i class="fa fa-binoculars"></i></p>
												<h3 class="title">Creative WordPress Theme</h3>
												<div class="desc">
													<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
												</div>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="li">
												<p class="icon"><i class="fa fa-anchor"></i></p>
												<h3 class="title">Interactive Creative</h3>
												<div class="desc">
													<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
												</div>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="li">
												<p class="icon"><i class="fa fa-adjust"></i></p>
												<h3 class="title">Premium Templates</h3>
												<div class="desc">
													<p>DThe first approach uses Bootstraps own offset classes so it requires no change in markup and no extra CSS. The key is to set an offset equal to half of the remaining size of the row. So for example, a column of size 2 would be centered by adding an offset of 5.</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.custom-feature -->


									<div class="custom-feature t-c">
										<div class="col-sm-4">
											<div class="li">
												<p class="icon"><i class="fa fa-cubes"></i></p>
												<h3 class="title">Multiple layouts</h3>
												<div class="desc">
													<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
												</div>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="li">
												<p class="icon"><i class="fa fa-coffee"></i></p>
												<h3 class="title">Search Engine Optimization</h3>
												<div class="desc">
													<p>Aenean congue molestie sapien, nec convallis lectus interdum ut. Vestibulum facilisis, sem eu lobortis pulvinar, dui dui ornare erat, nec porta nunc quam a metus. Fusce eget consequat purus. Sed magna odio, rhoncus eget diam fermentum, mattis porttitor dolor.</p>
												</div>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="li">
												<p class="icon"><i class="fa fa-cloud-download"></i></p>
												<h3 class="title">Freebies</h3>
												<div class="desc">
													<p>Nam et vestibulum odio. Aliquam auctor ac velit sit amet pretium. Maecenas pulvinar egestas rutrum. Nam et elit faucibus nunc euismod fringilla eu iaculis mi.
														<br>Vitiosum est enim in dividendo partem in genere numerare. Paulum, cum regem Persem captum adduceret, eodem flumine invectio</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.custom-feature -->
								</div>
								<!-- .row end -->  	                                                                        
                      
                      
                       
                        </div>
                        <!-- .col-md-12 end -->
                    </div>
                    <!-- .row end -->
                    
             
            </div>
            <!-- .container end -->
            
            
            
 
        </section>
        
        
        
        <!-- Content 01
        ====================================================== -->
        <section class="space-top-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Features 3</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
    
       <!-- Content 02
        ====================================================== -->
        <section class="space-none">
            <div class="parallax parallax-auto height-100 overlay-text-white" data-speed="0.1" data-image-src="assets-demo/images/spiral-galaxy-1920x1080.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x1080.jpg" alt="parallax">
                <div class="pos-vertical-align">
                
                
						<div class="container">
								<div class="row">
									<div class="col-md-12">

										   <div class="row">

												<div class="custom-feature">
													<div class="col-sm-6">
														<div class="li">
															<h3 class="title"><span class="icon-side"><i class="fa fa-binoculars"></i></span>Creative WordPress Theme</h3>
															<div class="desc desc-singlerow">
																<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
															</div>
														</div>
														<div class="li">
															<h3 class="title"><span class="icon-side"><i class="fa fa-adjust"></i></span>Premium Templates</h3>
															<div class="desc desc-singlerow">
																<p>DThe first approach uses Bootstraps own offset classes so it requires no change in markup and no extra CSS. The key is to set an offset equal to half of the remaining size of the row. So for example, a column of size 2 would be centered by adding an offset of 5.</p>
															</div>
														</div>
														<div class="li">
															<h3 class="title"><span class="icon-side"><i class="fa fa-flask"></i></span>Search Engine Optimization</h3>
															<div class="desc desc-singlerow">
																<p>Aenean congue molestie sapien, nec convallis lectus interdum ut. Vestibulum facilisis, sem eu lobortis pulvinar, dui dui ornare erat, nec porta nunc quam a metus. Fusce eget consequat purus. Sed magna odio, rhoncus eget diam fermentum, mattis porttitor dolor. </p>
															</div>
														</div>
													</div>
													<div class="col-sm-6">
														<div class="li">
															<h3 class="title"><span class="icon-side"><i class="fa fa-anchor"></i></span>Interactive Creative</h3>
															<div class="desc desc-singlerow">
																<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
															</div>
														</div>
														<div class="li">
															<h3 class="title"><span class="icon-side"><i class="fa fa-cube"></i></span>Multiple layouts</h3>
															<div class="desc desc-singlerow">
																<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
															</div>
														</div>
														<div class="li">
															<h3 class="title"><span class="icon-side"><i class="fa fa-paper-plane-o"></i></span>Freebies</h3>
															<div class="desc desc-singlerow">
																<p>Nam et vestibulum odio. Aliquam auctor ac velit sit amet pretium. Maecenas pulvinar egestas rutrum. Nam et elit faucibus nunc euismod fringilla eu iaculis mi. </p>
															</div>
														</div>
													</div>
												</div>
												<!-- /.custom-feature -->
											</div>
											<!-- .row end -->  	




									</div>
									<!-- .col-md-12 end -->
								</div>
								<!-- .row end -->


						</div>
						<!-- .container end -->    
                
                
                </div>
            </div>
        </section>
        <!--  #parallax-test-1  end -->   

        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

